import * as VTable from '../../src';
const CONTAINER_ID = 'vTable';

const generatePersons = count => {
  return Array.from(new Array(count)).map((_, i) => ({
    id: i + 1,
    email1: `${i + 1}@xxx.com`,
    name: `小明${i + 1}`,
    lastName: '王',
    date1: '2022年9月1日',
    tel: '000-0000-0000',
    sex: i % 2 === 0 ? 'boy' : 'girl',
    work: i % 2 === 0 ? 'back-end engineer' : 'front-end engineer',
    city: 'beijing'
  }));
};

export function createTable() {
  const columns: VTable.ColumnsDefine = [
    {
      field: 'id',
      title: 'ID',
      width: 120,
      sort: true
    },
    {
      field: 'email1',
      title: 'email',
      width: 200,
      sort: true
    }
  ];
  const option: VTable.ListTableConstructorOptions = {
    container: document.getElementById(CONTAINER_ID),
    records: generatePersons(100),
    // columns,
    // transpose:true,
    // showHeader:false,
    columns: [
      ...columns,
      ...columns,
      ...columns,
      ...columns,
      ...columns,
      ...columns,
      ...columns,
      ...columns,
      ...columns,
      ...columns,
      ...columns,
      ...columns
    ],
    emptyTip: {
      spaceBetweenTextAndIcon: 200,
      text: '无数据',
      textStyle: {
        color: 'red'
      },
      icon: {
        width: 80,
        height: 80,
        image:
          '<svg t="1716778845738" class="icon" viewBox="0 0 1035 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3020" width="200" height="200"><path d="M105.152688 869.849462C48.997849 788.92043 16.516129 690.924731 16.516129 585.221505 16.516129 307.750538 242.236559 82.580645 520.258065 82.580645S1024 307.750538 1024 585.221505c0 105.703226-32.48172 203.698925-88.636559 284.627957H105.152688z" fill="#46A069" opacity=".04" p-id="3021"></path><path d="M4.084989 727.298753l6.452301-7.52585 46.399312 39.770839-6.446796 7.525849z" fill="#46A069" p-id="3022"></path><path d="M0.258753 766.39243l41.923441-48.172043 7.476301 6.507355-41.928947 48.172043zM134.793634 298.991484l6.413764-9.623398 59.09471 39.396473-6.413764 9.623398z" fill="#46A069" p-id="3023"></path><path d="M142.699355 341.597591l42.099613-53.732473 9.100387 7.123957-42.099613 53.743484z" fill="#46A069" p-id="3024"></path><path d="M677.16129 198.193548m-16.516129 0a16.516129 16.516129 0 1 0 33.032258 0 16.516129 16.516129 0 1 0-33.032258 0Z" fill="#46A069" p-id="3025"></path><path d="M787.268817 423.913978m-11.010752 0a11.010753 11.010753 0 1 0 22.021505 0 11.010753 11.010753 0 1 0-22.021505 0Z" fill="#46A069" p-id="3026"></path><path d="M867.096774 89.737634c-23.673118 0-42.941935-19.268817-42.941935-42.941935s19.268817-42.941935 42.941935-42.941936 42.941935 19.268817 42.941936 42.941936-19.268817 42.941935-42.941936 42.941935z m0-71.569892c-15.965591 0-28.627957 12.662366-28.627957 28.627957s12.662366 28.627957 28.627957 28.627957 28.627957-12.662366 28.627957-28.627957-12.662366-28.627957-28.627957-28.627957zM913.892473 667.802151c-19.268817 0-34.683871-15.415054-34.683871-34.683871s15.415054-34.683871 34.683871-34.683871 34.683871 15.415054 34.683871 34.683871-15.415054 34.683871-34.683871 34.683871z m0-55.053764c-11.010753 0-20.369892 9.35914-20.369892 20.369893s9.35914 20.369892 20.369892 20.369892 20.369892-9.35914 20.369893-20.369892-9.35914-20.369892-20.369893-20.369893zM399.139785 287.931183c-17.617204 0-31.931183-14.313978-31.931183-31.931183s14.313978-31.931183 31.931183-31.931183 31.931183 14.313978 31.931183 31.931183-14.313978 31.931183-31.931183 31.931183z m0-49.548387c-9.909677 0-17.617204 7.707527-17.617204 17.617204s7.707527 17.617204 17.617204 17.617204 17.617204-7.707527 17.617204-17.617204-7.707527-17.617204-17.617204-17.617204zM148.645161 585.221505c-13.212903 0-23.673118-10.460215-23.673118-23.673118s10.460215-23.673118 23.673118-23.673118 23.673118 10.460215 23.673119 23.673118-10.460215 23.673118-23.673119 23.673118z m0-33.032258c-4.954839 0-9.35914 4.404301-9.359139 9.35914s4.404301 9.35914 9.359139 9.35914 9.35914-4.404301 9.35914-9.35914-4.404301-9.35914-9.35914-9.35914z" fill="#46A069" p-id="3027"></path><path d="M820.301075 792.774194m-16.516129 0a16.516129 16.516129 0 1 0 33.032258 0 16.516129 16.516129 0 1 0-33.032258 0Z" fill="#46A069" p-id="3028"></path><path d="M374.365591 572.55914H286.27957c-12.111828 0-22.021505-9.909677-22.021505-22.021506V478.967742c0-12.111828 9.909677-22.021505 22.021505-22.021505h88.086021c12.111828 0 22.021505 9.909677 22.021506 22.021505v71.569892c0 12.111828-9.909677 22.021505-22.021506 22.021506zM286.27957 471.260215c-3.853763 0-7.156989 3.303226-7.156989 7.156989V550.537634c0 3.853763 3.303226 7.156989 7.156989 7.15699h88.086021c3.853763 0 7.156989-3.303226 7.15699-7.15699V478.967742c0-3.853763-3.303226-7.156989-7.15699-7.156989H286.27957z" fill="#46A069" p-id="3029"></path><path d="M341.333333 567.053763h352.344086l-72.670967-224.619354L537.875269 308.301075l-253.247312 79.827957L341.333333 567.053763z" fill="#F9FBFA" p-id="3030"></path><path d="M704.137634 574.210753H335.827957L275.268817 383.174194l262.606452-82.580646 89.187097 36.335484 77.075268 237.281721z m-357.849462-14.313979h337.47957l-68.266667-211.956989-78.176344-31.931183-243.888172 76.524731 52.851613 167.363441z" fill="#46A069" p-id="3031"></path><path d="M271.415054 568.705376v271.965592c0 12.111828 9.909677 22.021505 22.021505 22.021505h442.632258c12.111828 0 22.021505-9.909677 22.021506-22.021505v-249.944086c0-12.111828-9.909677-22.021505-22.021506-22.021506H271.415054z" fill="#FFFFFF" opacity=".619" p-id="3032"></path><path d="M736.068817 869.849462H293.436559c-15.965591 0-29.178495-13.212903-29.178494-29.178494V561.548387h471.810752c15.965591 0 29.178495 13.212903 29.178495 29.178495v249.944086c0 15.965591-13.212903 29.178495-29.178495 29.178494z m-457.496774-293.987096v264.808602c0 8.258065 6.606452 14.313978 14.313979 14.313978h442.632258c8.258065 0 14.313978-6.606452 14.313978-14.313978v-249.944086c0-8.258065-6.606452-14.313978-14.313978-14.313979h-456.946237zM0 865.445161h44.043011v14.313979H0zM880.860215 865.445161h44.043011v14.313979h-44.043011zM66.064516 865.445161h82.580645v14.313979H66.064516zM952.430108 865.445161h82.580645v14.313979h-82.580645z" fill="#46A069" p-id="3033"></path><path d="M176.172043 865.445161h693.677419v14.313979H176.172043z" fill="#46A069" p-id="3034"></path><path d="M115.612903 942.52043h44.043011v14.313979h-44.043011z" fill="#46A069" opacity=".768" p-id="3035"></path><path d="M170.666667 942.52043h82.580645v14.313979H170.666667z" fill="#46A069" opacity=".768" p-id="3036"></path><path d="M291.784946 1008.584946h82.580645v14.313979H291.784946z" fill="#46A069" opacity=".503" p-id="3037"></path><path d="M407.397849 1008.584946h258.752689v14.313979H407.397849z" fill="#46A069" opacity=".503" p-id="3038"></path><path d="M693.677419 1008.584946h47.346237v14.313979H693.677419z" fill="#46A069" opacity=".503" p-id="3039"></path><path d="M787.268817 942.52043h141.488172v14.313979H787.268817z" fill="#46A069" opacity=".768" p-id="3040"></path><path d="M275.268817 940.868817h478.967742v14.313979H275.268817z" fill="#46A069" opacity=".768" p-id="3041"></path><path d="M543.931183 378.769892l-17.066667-74.32258 14.313979-3.303226 13.212903 57.806452 64.963441-25.324732 5.505376 13.763441zM355.135312 453.764129l186.136774-57.745892 4.244645 13.669849-186.136774 57.751398zM388.16757 503.312516l186.136774-57.745892 4.244645 13.669849-186.136774 57.751398zM416.432172 559.880258l174.977376-48.904258 3.853764 13.785462L420.28043 573.660215zM766.898925 605.591398h-14.313979V546.683871c0-14.313978-4.954839-15.965591-7.156989-16.516129H682.666667v-14.313979h64.412903c9.35914 1.101075 19.819355 7.707527 19.819355 30.830108V605.591398zM909.361548 364.444903l8.940732-11.175914 66.207655 52.961721-8.940731 11.175914z" fill="#46A069" p-id="3042"></path><path d="M913.837419 417.175398l55.846538-69.538409 11.159398 8.962753-55.852043 69.538409zM425.015054 736.619355l-11.561291-8.808602 28.07742-34.133334-33.032258-27.526881 8.808602-11.010753 44.043011 36.886021z" fill="#46A069" p-id="3043"></path><path d="M626.511828 736.619355l-36.335484-44.593549 44.043011-36.886021 8.808602 11.010753-33.032258 27.526881 28.077419 34.133334z" fill="#46A069" p-id="3044"></path><path d="M570.907527 755.337634c-2.202151-1.651613-4.954839-3.853763-8.808602-3.853763-3.853763 0-7.707527 2.202151-11.010753 4.404301-2.202151 1.101075-3.303226 1.651613-4.404301 1.651613-1.651613 0-4.404301-1.101075-8.258065-2.752688-8.808602-4.404301-13.763441-4.404301-20.369892 0.550537-2.752688 2.202151-3.853763 2.202151-4.954839 2.202151-1.651613 0-3.853763-1.101075-6.606451-2.752688-8.258065-4.404301-13.212903-4.404301-19.819355 0-4.404301 3.303226-7.707527 3.853763-11.010753 0.550537-2.752688-4.954839-4.954839-7.156989-7.156989-7.156989 0 0-0.550538 12.662366 0 13.763441 0.550538 0.550538 1.101075 1.651613 1.651613 2.202151 4.954839 4.954839 14.313978 5.505376 20.92043 0.550537 2.752688-2.202151 3.853763-2.202151 4.954839-2.20215 1.651613 0 3.303226 0.550538 6.606451 2.20215 8.258065 4.954839 13.763441 4.954839 20.369893-0.550537 2.202151-1.651613 3.853763-2.202151 4.954838-2.202151 1.651613 0 3.853763 0.550538 6.606452 2.202151 7.156989 4.404301 16.516129 4.404301 21.470968 0.550537 2.202151-1.651613 4.954839-3.303226 6.055914-3.303226 0.550538 0 1.651613 0 3.853763 2.202151 4.404301 3.853763 6.606452 5.505376 6.606452 5.505376s0.550538-11.56129 0-13.212903c-0.550538 1.101075-1.101075 0-1.651613-0.550538z" fill="#46A069" p-id="3045"></path><path d="M573.660215 774.055914l-8.808602-7.707527c-1.651613-1.651613-2.202151-1.651613-2.752688-1.651613-0.550538 0-1.651613 0.550538-5.505377 2.752688-6.055914 3.853763-15.965591 3.853763-23.12258-0.550537-2.752688-1.651613-4.404301-2.202151-6.055914-2.202151-0.550538 0-1.651613 0-3.853764 1.651613-7.156989 5.505376-13.212903 6.055914-22.021505 0.550538-2.752688-1.651613-4.404301-2.202151-5.505376-2.202151-0.550538 0-1.651613 0-3.853764 1.651613-7.156989 5.505376-17.617204 4.954839-23.12258-0.550538-0.550538-0.550538-1.651613-1.651613-1.651613-2.752688-0.550538-1.101075-0.550538-6.055914 0-14.864516v-1.651613h0.550537c2.752688 0 6.055914 2.752688 8.808602 7.707527 2.202151 2.202151 3.853763 2.752688 8.808603-0.550537 7.156989-4.954839 13.212903-4.954839 21.470967 0 2.202151 1.101075 4.404301 2.202151 5.505377 2.20215 0.550538 0 1.651613 0 3.853763-2.20215 7.156989-4.954839 12.662366-5.505376 22.021505-0.550538 3.303226 1.651613 6.055914 2.752688 7.15699 2.752688 1.101075 0 1.651613 0 3.853763-1.651613 3.303226-2.202151 7.707527-4.404301 12.111828-4.404301 4.404301 0 7.707527 2.202151 9.909678 3.853764 1.101075 0.550538 1.651613 1.651613 2.20215 2.752688 0.550538 1.101075 0.550538 8.258065 0 13.763441v3.853763z m-77.625806-12.662366c1.651613 0 3.853763 0.550538 7.156989 2.752689 7.707527 4.404301 12.662366 4.404301 18.718279 0 2.752688-2.202151 4.404301-2.202151 5.505377-2.202151 2.202151 0 4.404301 1.101075 7.156989 2.752688 6.606452 3.853763 15.415054 4.404301 19.819355 1.101075 3.303226-2.202151 5.505376-3.303226 7.156989-3.303225 1.101075 0 2.752688 0.550538 4.404301 2.20215l4.404301 3.303226v-9.35914c0-0.550538-0.550538-1.101075-1.101075-1.651613-1.651613-1.651613-4.404301-3.303226-7.707527-3.303225-3.303226 0-7.156989 2.202151-10.460215 4.404301-2.202151 1.101075-3.303226 2.202151-5.505376 2.20215s-4.954839-1.101075-8.808602-3.303226c-8.258065-4.404301-12.111828-4.404301-18.71828 0-2.752688 2.202151-4.404301 2.752688-6.055914 2.752688-1.651613 0-3.853763-1.101075-7.156989-2.752688-7.707527-4.404301-12.111828-4.404301-18.71828 0-3.853763 2.752688-8.258065 4.954839-12.662365 0v-0.550537c-1.651613-2.752688-3.303226-4.954839-4.404301-6.055914 0 4.954839-0.550538 10.460215 0 11.56129 0.550538 0.550538 0.550538 1.101075 1.101075 1.651613 4.404301 4.404301 13.212903 4.954839 19.268817 0.550538 3.853763-2.202151 5.505376-2.752688 6.606452-2.752689z" fill="#46A069" p-id="3046"></path></svg>'
      }
    },
    theme: {
      scrollStyle: {
        barToSide: true
      }
    }
  };
  const tableInstance = new VTable.ListTable(option);
  setTimeout(() => {
    tableInstance.updateOption({
      container: document.getElementById(CONTAINER_ID),
      records: [],
      // columns,
      // transpose:true,
      // showHeader:false,
      columns: [
        ...columns,
        ...columns,
        ...columns,
        ...columns,
        ...columns,
        ...columns,
        ...columns,
        ...columns,
        ...columns,
        ...columns,
        ...columns,
        ...columns
      ],
      emptyTip: {
        spaceBetweenTextAndIcon: 20,
        text: '无数据',
        textStyle: {
          color: 'red'
        },
        icon: {
          width: 80,
          height: 80,
          image:
            '<svg t="1716778845738" class="icon" viewBox="0 0 1035 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3020" width="200" height="200"><path d="M105.152688 869.849462C48.997849 788.92043 16.516129 690.924731 16.516129 585.221505 16.516129 307.750538 242.236559 82.580645 520.258065 82.580645S1024 307.750538 1024 585.221505c0 105.703226-32.48172 203.698925-88.636559 284.627957H105.152688z" fill="#46A069" opacity=".04" p-id="3021"></path><path d="M4.084989 727.298753l6.452301-7.52585 46.399312 39.770839-6.446796 7.525849z" fill="#46A069" p-id="3022"></path><path d="M0.258753 766.39243l41.923441-48.172043 7.476301 6.507355-41.928947 48.172043zM134.793634 298.991484l6.413764-9.623398 59.09471 39.396473-6.413764 9.623398z" fill="#46A069" p-id="3023"></path><path d="M142.699355 341.597591l42.099613-53.732473 9.100387 7.123957-42.099613 53.743484z" fill="#46A069" p-id="3024"></path><path d="M677.16129 198.193548m-16.516129 0a16.516129 16.516129 0 1 0 33.032258 0 16.516129 16.516129 0 1 0-33.032258 0Z" fill="#46A069" p-id="3025"></path><path d="M787.268817 423.913978m-11.010752 0a11.010753 11.010753 0 1 0 22.021505 0 11.010753 11.010753 0 1 0-22.021505 0Z" fill="#46A069" p-id="3026"></path><path d="M867.096774 89.737634c-23.673118 0-42.941935-19.268817-42.941935-42.941935s19.268817-42.941935 42.941935-42.941936 42.941935 19.268817 42.941936 42.941936-19.268817 42.941935-42.941936 42.941935z m0-71.569892c-15.965591 0-28.627957 12.662366-28.627957 28.627957s12.662366 28.627957 28.627957 28.627957 28.627957-12.662366 28.627957-28.627957-12.662366-28.627957-28.627957-28.627957zM913.892473 667.802151c-19.268817 0-34.683871-15.415054-34.683871-34.683871s15.415054-34.683871 34.683871-34.683871 34.683871 15.415054 34.683871 34.683871-15.415054 34.683871-34.683871 34.683871z m0-55.053764c-11.010753 0-20.369892 9.35914-20.369892 20.369893s9.35914 20.369892 20.369892 20.369892 20.369892-9.35914 20.369893-20.369892-9.35914-20.369892-20.369893-20.369893zM399.139785 287.931183c-17.617204 0-31.931183-14.313978-31.931183-31.931183s14.313978-31.931183 31.931183-31.931183 31.931183 14.313978 31.931183 31.931183-14.313978 31.931183-31.931183 31.931183z m0-49.548387c-9.909677 0-17.617204 7.707527-17.617204 17.617204s7.707527 17.617204 17.617204 17.617204 17.617204-7.707527 17.617204-17.617204-7.707527-17.617204-17.617204-17.617204zM148.645161 585.221505c-13.212903 0-23.673118-10.460215-23.673118-23.673118s10.460215-23.673118 23.673118-23.673118 23.673118 10.460215 23.673119 23.673118-10.460215 23.673118-23.673119 23.673118z m0-33.032258c-4.954839 0-9.35914 4.404301-9.359139 9.35914s4.404301 9.35914 9.359139 9.35914 9.35914-4.404301 9.35914-9.35914-4.404301-9.35914-9.35914-9.35914z" fill="#46A069" p-id="3027"></path><path d="M820.301075 792.774194m-16.516129 0a16.516129 16.516129 0 1 0 33.032258 0 16.516129 16.516129 0 1 0-33.032258 0Z" fill="#46A069" p-id="3028"></path><path d="M374.365591 572.55914H286.27957c-12.111828 0-22.021505-9.909677-22.021505-22.021506V478.967742c0-12.111828 9.909677-22.021505 22.021505-22.021505h88.086021c12.111828 0 22.021505 9.909677 22.021506 22.021505v71.569892c0 12.111828-9.909677 22.021505-22.021506 22.021506zM286.27957 471.260215c-3.853763 0-7.156989 3.303226-7.156989 7.156989V550.537634c0 3.853763 3.303226 7.156989 7.156989 7.15699h88.086021c3.853763 0 7.156989-3.303226 7.15699-7.15699V478.967742c0-3.853763-3.303226-7.156989-7.15699-7.156989H286.27957z" fill="#46A069" p-id="3029"></path><path d="M341.333333 567.053763h352.344086l-72.670967-224.619354L537.875269 308.301075l-253.247312 79.827957L341.333333 567.053763z" fill="#F9FBFA" p-id="3030"></path><path d="M704.137634 574.210753H335.827957L275.268817 383.174194l262.606452-82.580646 89.187097 36.335484 77.075268 237.281721z m-357.849462-14.313979h337.47957l-68.266667-211.956989-78.176344-31.931183-243.888172 76.524731 52.851613 167.363441z" fill="#46A069" p-id="3031"></path><path d="M271.415054 568.705376v271.965592c0 12.111828 9.909677 22.021505 22.021505 22.021505h442.632258c12.111828 0 22.021505-9.909677 22.021506-22.021505v-249.944086c0-12.111828-9.909677-22.021505-22.021506-22.021506H271.415054z" fill="#FFFFFF" opacity=".619" p-id="3032"></path><path d="M736.068817 869.849462H293.436559c-15.965591 0-29.178495-13.212903-29.178494-29.178494V561.548387h471.810752c15.965591 0 29.178495 13.212903 29.178495 29.178495v249.944086c0 15.965591-13.212903 29.178495-29.178495 29.178494z m-457.496774-293.987096v264.808602c0 8.258065 6.606452 14.313978 14.313979 14.313978h442.632258c8.258065 0 14.313978-6.606452 14.313978-14.313978v-249.944086c0-8.258065-6.606452-14.313978-14.313978-14.313979h-456.946237zM0 865.445161h44.043011v14.313979H0zM880.860215 865.445161h44.043011v14.313979h-44.043011zM66.064516 865.445161h82.580645v14.313979H66.064516zM952.430108 865.445161h82.580645v14.313979h-82.580645z" fill="#46A069" p-id="3033"></path><path d="M176.172043 865.445161h693.677419v14.313979H176.172043z" fill="#46A069" p-id="3034"></path><path d="M115.612903 942.52043h44.043011v14.313979h-44.043011z" fill="#46A069" opacity=".768" p-id="3035"></path><path d="M170.666667 942.52043h82.580645v14.313979H170.666667z" fill="#46A069" opacity=".768" p-id="3036"></path><path d="M291.784946 1008.584946h82.580645v14.313979H291.784946z" fill="#46A069" opacity=".503" p-id="3037"></path><path d="M407.397849 1008.584946h258.752689v14.313979H407.397849z" fill="#46A069" opacity=".503" p-id="3038"></path><path d="M693.677419 1008.584946h47.346237v14.313979H693.677419z" fill="#46A069" opacity=".503" p-id="3039"></path><path d="M787.268817 942.52043h141.488172v14.313979H787.268817z" fill="#46A069" opacity=".768" p-id="3040"></path><path d="M275.268817 940.868817h478.967742v14.313979H275.268817z" fill="#46A069" opacity=".768" p-id="3041"></path><path d="M543.931183 378.769892l-17.066667-74.32258 14.313979-3.303226 13.212903 57.806452 64.963441-25.324732 5.505376 13.763441zM355.135312 453.764129l186.136774-57.745892 4.244645 13.669849-186.136774 57.751398zM388.16757 503.312516l186.136774-57.745892 4.244645 13.669849-186.136774 57.751398zM416.432172 559.880258l174.977376-48.904258 3.853764 13.785462L420.28043 573.660215zM766.898925 605.591398h-14.313979V546.683871c0-14.313978-4.954839-15.965591-7.156989-16.516129H682.666667v-14.313979h64.412903c9.35914 1.101075 19.819355 7.707527 19.819355 30.830108V605.591398zM909.361548 364.444903l8.940732-11.175914 66.207655 52.961721-8.940731 11.175914z" fill="#46A069" p-id="3042"></path><path d="M913.837419 417.175398l55.846538-69.538409 11.159398 8.962753-55.852043 69.538409zM425.015054 736.619355l-11.561291-8.808602 28.07742-34.133334-33.032258-27.526881 8.808602-11.010753 44.043011 36.886021z" fill="#46A069" p-id="3043"></path><path d="M626.511828 736.619355l-36.335484-44.593549 44.043011-36.886021 8.808602 11.010753-33.032258 27.526881 28.077419 34.133334z" fill="#46A069" p-id="3044"></path><path d="M570.907527 755.337634c-2.202151-1.651613-4.954839-3.853763-8.808602-3.853763-3.853763 0-7.707527 2.202151-11.010753 4.404301-2.202151 1.101075-3.303226 1.651613-4.404301 1.651613-1.651613 0-4.404301-1.101075-8.258065-2.752688-8.808602-4.404301-13.763441-4.404301-20.369892 0.550537-2.752688 2.202151-3.853763 2.202151-4.954839 2.202151-1.651613 0-3.853763-1.101075-6.606451-2.752688-8.258065-4.404301-13.212903-4.404301-19.819355 0-4.404301 3.303226-7.707527 3.853763-11.010753 0.550537-2.752688-4.954839-4.954839-7.156989-7.156989-7.156989 0 0-0.550538 12.662366 0 13.763441 0.550538 0.550538 1.101075 1.651613 1.651613 2.202151 4.954839 4.954839 14.313978 5.505376 20.92043 0.550537 2.752688-2.202151 3.853763-2.202151 4.954839-2.20215 1.651613 0 3.303226 0.550538 6.606451 2.20215 8.258065 4.954839 13.763441 4.954839 20.369893-0.550537 2.202151-1.651613 3.853763-2.202151 4.954838-2.202151 1.651613 0 3.853763 0.550538 6.606452 2.202151 7.156989 4.404301 16.516129 4.404301 21.470968 0.550537 2.202151-1.651613 4.954839-3.303226 6.055914-3.303226 0.550538 0 1.651613 0 3.853763 2.202151 4.404301 3.853763 6.606452 5.505376 6.606452 5.505376s0.550538-11.56129 0-13.212903c-0.550538 1.101075-1.101075 0-1.651613-0.550538z" fill="#46A069" p-id="3045"></path><path d="M573.660215 774.055914l-8.808602-7.707527c-1.651613-1.651613-2.202151-1.651613-2.752688-1.651613-0.550538 0-1.651613 0.550538-5.505377 2.752688-6.055914 3.853763-15.965591 3.853763-23.12258-0.550537-2.752688-1.651613-4.404301-2.202151-6.055914-2.202151-0.550538 0-1.651613 0-3.853764 1.651613-7.156989 5.505376-13.212903 6.055914-22.021505 0.550538-2.752688-1.651613-4.404301-2.202151-5.505376-2.202151-0.550538 0-1.651613 0-3.853764 1.651613-7.156989 5.505376-17.617204 4.954839-23.12258-0.550538-0.550538-0.550538-1.651613-1.651613-1.651613-2.752688-0.550538-1.101075-0.550538-6.055914 0-14.864516v-1.651613h0.550537c2.752688 0 6.055914 2.752688 8.808602 7.707527 2.202151 2.202151 3.853763 2.752688 8.808603-0.550537 7.156989-4.954839 13.212903-4.954839 21.470967 0 2.202151 1.101075 4.404301 2.202151 5.505377 2.20215 0.550538 0 1.651613 0 3.853763-2.20215 7.156989-4.954839 12.662366-5.505376 22.021505-0.550538 3.303226 1.651613 6.055914 2.752688 7.15699 2.752688 1.101075 0 1.651613 0 3.853763-1.651613 3.303226-2.202151 7.707527-4.404301 12.111828-4.404301 4.404301 0 7.707527 2.202151 9.909678 3.853764 1.101075 0.550538 1.651613 1.651613 2.20215 2.752688 0.550538 1.101075 0.550538 8.258065 0 13.763441v3.853763z m-77.625806-12.662366c1.651613 0 3.853763 0.550538 7.156989 2.752689 7.707527 4.404301 12.662366 4.404301 18.718279 0 2.752688-2.202151 4.404301-2.202151 5.505377-2.202151 2.202151 0 4.404301 1.101075 7.156989 2.752688 6.606452 3.853763 15.415054 4.404301 19.819355 1.101075 3.303226-2.202151 5.505376-3.303226 7.156989-3.303225 1.101075 0 2.752688 0.550538 4.404301 2.20215l4.404301 3.303226v-9.35914c0-0.550538-0.550538-1.101075-1.101075-1.651613-1.651613-1.651613-4.404301-3.303226-7.707527-3.303225-3.303226 0-7.156989 2.202151-10.460215 4.404301-2.202151 1.101075-3.303226 2.202151-5.505376 2.20215s-4.954839-1.101075-8.808602-3.303226c-8.258065-4.404301-12.111828-4.404301-18.71828 0-2.752688 2.202151-4.404301 2.752688-6.055914 2.752688-1.651613 0-3.853763-1.101075-7.156989-2.752688-7.707527-4.404301-12.111828-4.404301-18.71828 0-3.853763 2.752688-8.258065 4.954839-12.662365 0v-0.550537c-1.651613-2.752688-3.303226-4.954839-4.404301-6.055914 0 4.954839-0.550538 10.460215 0 11.56129 0.550538 0.550538 0.550538 1.101075 1.101075 1.651613 4.404301 4.404301 13.212903 4.954839 19.268817 0.550538 3.853763-2.202151 5.505376-2.752688 6.606452-2.752689z" fill="#46A069" p-id="3046"></path></svg>'
        }
      },
      theme: {
        scrollStyle: {
          barToSide: true
        }
      }
    });
  }, 2000);

  setTimeout(() => {
    tableInstance.setRecords(generatePersons(100));
  }, 4000);
  window.tableInstance = tableInstance;
}
